/* General page settings */
body, html {
  height: 100%;
}
body {
  background: #E6E7DA;
  color: black;
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
  padding: 0;
  text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

a {
  color: #000;
}

a:visited {
  color: #000;
}

/* now common GWT setting go */
.gwt-DialogBox {
  background-color: white;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
}
.gwt-DialogBox .Caption {
  background: url(gradient.png) repeat-x top left;
  font-weight: bold;
  cursor: default;
  padding: 5px 10px;
  border-bottom: 1px solid #666;
  border-top: 1px solid #666;
  text-align: left;
}
.gwt-DialogBox td {
  text-align: right;
}
.gwt-DialogBox .gwt-Button {
  margin: 10px;
}
.gwt-MenuBar {
  background: #c3d9ff;
  cursor: default;
}
.gwt-MenuItem {
  font-size: 80%;
  margin: 1px;
  cursor: default;
}
.gwt-MenuItem-selected {
  background: #e8eef7;
}
.gwt-Tree {
}
.gwt-Tree .gwt-TreeItem span * {
  margin: 0 4px;
}
.gwt-Tree .gwt-TreeItem {
  font-size: 80%;
  cursor: default;
}
.gwt-Tree .gwt-TreeItem span {
  padding: 2px 0;
}
.gwt-Tree .gwt-TreeItem-selected span {
  background: #ccc;
}
.gwt-StackPanel {
  background: #fff;
  width: 15em;
  border-bottom: 1px solid #666;
}
.gwt-StackPanel .gwt-StackPanelItem {
  cursor: pointer;
  cursor: hand;
}
.gwt-StackPanel .gwt-StackPanelItem-selected {
  border-bottom: 1px solid #666;
}
.gwt-StackPanel .lcaption {
  width: 32px;
  padding: 0 0 4px 5px;
}
.gwt-StackPanel .rcaption {
  padding: 0 0 4px 5px;
}
.gwt-StackPanel .box-20 {
  text-align: right;
}
.box-00, .box-20 {
  width: 4px;
  background-color: #b6edbc;
}
.is-top .box-00, .is-top .box-20, .is-beneath-selected .box-00, .is-beneath-selected .box-20 {
  background-color: #fff;
}
.box-10 {
  font-size: 2px;
  border-top: 1px solid #666;
  background-color: #deefe1;
}

/* CSS3 hack to target Opera8+ */
@media all and (min-width: 0px) {
 body .box-10 {
 line-height: 0px;
}
}
.box-01, .box-11, .box-21 {
  background: url(gradient.png) repeat-x top left;
}
.box-01, .box-00 {
  font-size: 2px;
  border-left: 1px solid #666;
}
.box-21, .box-20 {
  font-size: 2px;
  border-right: 1px solid #666;
}
.is-top .box-00, .is-top .box-20 {
  border-right: none;
  border-left: none;
}
.gwt-StackPanel .gwt-StackPanelItem table {
  width: 100%;
}

/* The Project viewer specific settings */
.projectviewer-MainPanel {
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  background-image: url(border.png);
  background-repeat: repeat-y;
  background-position: center;
    border: 1px dotted #AAAAAA; 
}
.projectviewer-MainPanel .TopPanel {
  height: 84px;
}
.projectviewer-MainPanel .CentralPanel {
  background-color: #E6E7DA;
  height: 100%;
}
.projectviewer-MainPanel .mainPanel {
  height: 100%;
}
.projectviewer-AboutText {
  width: 24em;
  font-size: 80%;
  padding: 10px;
  text-align: left;
}
.projectviewer-MenuPanel {
  background-color: #CCCCCC;
  text-align: left;
}
.projectviewer-MenuPanel .menuItem {
  font-size: small;
  background-color: #CCCCCC;
  border: 1px ridge;
  padding-right: 5px;
  padding-left: 5px;
  cursor: pointer;
  cursor: hand;
}
.projectviewer-MenuPanel .selectedMenuItem {
  font-size: small;
  background-color: orange;
  border: 1px groove;
  padding-right: 5px;
  padding-left: 5px;
  cursor: default;
}
.projectviewer-LoginPanel {
  background-color: #E6E7DA;
    width: 650px;
    font-size: small;
}
.projectviewer-LoginPanel .title{
    width: 100%;
    padding: 10px;
}
.projectviewer-LoginPanel .login{
    width: 100%;
    padding: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999999;
}
.projectviewer-LoginPanel .authLabelUnconfirmed{
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: xx-small;
  color: red;
}
.projectviewer-LoginPanel .authLabelConfirmed{
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: xx-small;
  color: green;
}
.projectviewer-LoginPanel .login .box {
    background-color: white;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: double;
    border-bottom-style: double;
    border-left-style: solid;
    border-top-color: #666;
    border-right-color: #666;
    border-bottom-color: #666;
    border-left-color: #666;
}
.projectviewer-ProjectManagementPanel {
  width: 650px;
  margin-right: 15px;
  color: black;
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  border: 1px solid #AAAAAA; 
  padding: 3px;
  margin: 2px;
}
.projectviewer-ProjectManagementPanel .projectList {
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  padding: 10px;
  height: 100%;
  width: 200px;
}
.projectviewer-ProjectManagementPanel .hostLabel{
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: x-small;
  color: #000099;
}

.projectviewer-ProjectManagementPanel .listLabel{
  text-align: left;
  padding-bottom: 5px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
}
.projectviewer-ProjectManagementPanel .projectMenuPanel{
  text-align: left;
  padding-top: 5px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  width: 180px;
}
.projectviewer-ProjectManagementPanel .dynaPanel {
  text-align: left;
  border-left-width: 1px;
  border-left-style: dashed;
  border-left-color: #333333;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  background-color: #E6E7DA;
  height: 100%;
  width: 444px;
}
.projectviewer-ProjectManagementPanel .dynaPanel .helpPanel {
  height: 100%;
  width: 100%;
  font-size: x-small;
  padding: 10px;
}
.projectviewer-ProjectManagementPanel .dynaPanel .infoPanel {
  height: 100%;
  width: 100%;
  font-size: x-small;
  padding: 10px;
}
.projectviewer-ProjectManagementPanel .dynaPanel .infoPanel .projectData table{
    width: 100%;
}
.projectviewer-ProjectManagementPanel .dynaPanel .infoPanel .projectData td{
  font-size: small;
    border-width: 1px;
    border-style: solid;
    border-color: #999999;
}
.projectviewer-ProjectManagementPanel .dynaPanel .newProjectPanel {
  height: 100%;
  width: 100%;
  font-size: small;
  padding: 10px;
}
.projectviewer-ProjectManagementPanel .listPopup {
  text-align: left;
  height: 100%;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: x-small;
  background-color: #EFEFD9;
  padding: 10px;
}
.projectviewer-ProjectManagementPanel .box {
  background-color: white;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: double;
  border-bottom-style: double;
  border-left-style: solid;
  border-top-color: #666;
  border-right-color: #666;
  border-bottom-color: #666;
  border-left-color: #666;
}
.projectviewer-ProjectManagementPanel .nameLabel {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10x;
}
.projectviewer-InfoPanel .infoHTML {
  text-align: left;
  height: 100%;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: x-small;
  background-color: #E6E7DA;
  padding: 10px;
}
